@import './reset';
::-webkit-input-placeholder { color:#b3b3b3; }
body{
	background: #F5F8FA;
}
.container{
	width: 100%;
	/*background: white;*/
	overflow: hidden;
	box-sizing: border-box;
	.top{
		width: 100%;
		height: calculateRem(56px);
		background: #F5F8FA;
		box-sizing: border-box;
		padding: calculateRem(8px) calculateRem(16px);
		.inner{
			width: 100%;
			height: calculateRem(36px);
			border-radius: calculateRem(18px);
			box-sizing: border-box;
			border: 1px solid #E1E5E8;
			background: white;
			>img{
				width: calculateRem(14px);
				height: calculateRem(14px);
				margin: calculateRem(11px) calculateRem(6px) 0 calculateRem(11px);
			}
			>input[type='text']{
				width: calculateRem(220px);
				height: calculateRem(34px);
				line-height: calculateRem(34px);
				border: 0;
				box-sizing: border-box;
				vertical-align: top;
				color: #333;
				font-size: calculateRem(16px);

			}
		}

	}

	.results{
		width: 100%;
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 calculateRem(16px);
		background: white;
		.result{
			width: 100%;
			height: calculateRem(60px);
			line-height: calculateRem(60px);
			box-sizing: border-box;
			border-bottom: 1px solid #f1f1f1;
			@include ell;
			font-size: calculateRem(18px);
			color: #333;
			&:active{
				background: #fdfdfd;
			};

		}
	}

	.h-wrap{
		width: 100%;
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 calculateRem(16px);
		background: white;
		.title{
			width: 100%;
			height: calculateRem(22px);
			line-height: calculateRem(22px);
			font-size: calculateRem(16px);
			color: #7f7f7f;
			margin-top: calculateRem(18px);
		}
		.history{
			width: 100%;
			height: calculateRem(60px);
			line-height: calculateRem(60px);
			box-sizing: border-box;
			border-bottom: 1px solid #f1f1f1;
			@include ell;
			font-size: calculateRem(18px);
			color: #333;
			padding-right: calculateRem(60px);
			position: relative;
			>i{
				display: inline-block;
				width: calculateRem(60px);
				height: calculateRem(60px);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				text-align: right;
				&:active{
					background: #fdfdfd;
				}
				>img{
					width: calculateRem(10px);
					height: calculateRem(10px);
				}
			}
		}
	}

	.empty{
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
		display: none;
		>img{
			width: calculateRem(60px);
			height: calculateRem(60px);
			margin-top: calculateRem(50px);

		}
		>p{
			color: #999;
			font-size: calculateRem(16px);
			margin-top: calculateRem(14px);
			line-height: calculateRem(24px);
		}
	}

}